<script setup lang="ts">
const person = {
  name: 'xxx',
  color: 'sss',
  bark: () => {
    alert('xxx1')
  }
}
</script>

<template>
  <div>{{ person.name }}</div>
  <h1>{{ person.color }}</h1>
  <button @click="person.bark">bark</button>
</template>

<style scoped></style>
